home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / en / ch06s12s05.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  14.2 KB  |  365 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>12.5.┬áIFS Compose</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch06s12.html" title="12.┬áRendering filters" />
  12.     <link rel="prev" href="ch06s12s04.html" title="12.4.┬áFlame" />
  13.     <link rel="next" href="ch06s12s06.html" title="12.6.┬áDiffraction Patterns" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">12.┬áRendering filters</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch06s12s04.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">12.5.┬áIFS Compose</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch06s12s06.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="plug-in-ifscompose"></a>12.5.┬áIFS Compose</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <a id="id3489637" class="indexterm"></a>
  38.       <div class="mediaobject">
  39.         <img src="../images/filters/filters-render-ifscompose.png" />
  40.       </div>
  41.       <div class="simplesect" lang="en" xml:lang="en">
  42.         <div class="titlepage">
  43.           <div>
  44.             <div>
  45.               <h4 class="title"><a id="id3489669"></a>Overview</h4>
  46.             </div>
  47.           </div>
  48.         </div>
  49.         <p>
  50.       This filter is found in
  51.       <span class="guimenuitem">Image>Filters/Render/Nature/IFS <span class="accel">C</span>ompose...</span>
  52.     </p>
  53.         <p>
  54.       This fractal-based plug-in is truly wonderful! With this
  55.       versatile instrument, you can create amazingly naturalistic
  56.       organic shapes, like leaves, flowers, branches, or even whole
  57.       trees.  ("IFS" stands for "Iterated Function System".)
  58.     </p>
  59.         <p>
  60.       The key to using this plug-in lies in making very small and
  61.       precise movements in fractal space. The outcome is always hard
  62.       to predict, and you have to be extremely gentle when you change
  63.       the pattern. If you make a component triangle too big, or if you
  64.       move it too far (even ever so slightly), the preview screen will
  65.       black out, or more commonly, you'll get stuck with a big
  66.       shapeless particle cloud. 
  67.     </p>
  68.         <p>
  69.       A word of advice: When you have found a pattern you want to work
  70.       with, make only small changes, and stick to variations of that
  71.       pattern. It's all too easy to lose a good thing. Contrary to
  72.       what you might believe, it's really much easier to create a leaf
  73.       or a tree with IFS Compose than to make a defined geometrical
  74.       pattern (where you actually know what you're doing, and end up
  75.       with the pattern you had in mind). 
  76.     </p>
  77.         <p>
  78.       For a brief introduction to IFS's see Foley and van Dam, et
  79.       al,. <i class="citetitle">Computer Graphics, Principles and
  80.       Practice</i>, 2nd Ed.,   (Addison Wesley, 1990).
  81.     </p>
  82.         <p><b>The Main Interface.┬á</b>
  83.     The plug-in interface consists of the compose area to the left, a
  84.     preview screen to the right, and some tabs and option buttons at
  85.     the bottom of the dialog.  The Default setting (in the preview
  86.     window) is three equilateral triangles. (This gives rise to a
  87.     fractal pattern called the <span class="emphasis"><em>Sierpinski
  88.     Triangle</em></span>).  
  89.       </p>
  90.       </div>
  91.       <div class="simplesect" lang="en" xml:lang="en">
  92.         <div class="titlepage">
  93.           <div>
  94.             <div>
  95.               <h4 class="title"><a id="id3489760"></a>Options</h4>
  96.             </div>
  97.           </div>
  98.         </div>
  99.         <div class="variablelist">
  100.           <dl>
  101.             <dt>
  102.               <span class="term">Relative Probability</span>
  103.             </dt>
  104.             <dd>
  105.               <p>
  106.             Determines influence or total impact of a certain fractal. 
  107.           </p>
  108.             </dd>
  109.             <dt>
  110.               <span class="term">Spatial Transformation</span>
  111.             </dt>
  112.             <dd>
  113.               <p>
  114.             Gives you information on the active fractal, and allows
  115.             you to type a value instead of changing it
  116.             manually. Changing parameters with the mouse isn't very
  117.             accurate, so this is a useful option when you need to be
  118.             exact. 
  119.           </p>
  120.             </dd>
  121.             <dt>
  122.               <span class="term">Simple color transformation</span>
  123.             </dt>
  124.             <dd>
  125.               <p>
  126.             Changes the color of the currently selected fractal
  127.             component (which starts as the foreground color in the
  128.             toolbox) to a color of your choice.  
  129.           </p>
  130.             </dd>
  131.             <dt>
  132.               <span class="term">Full color transformation:</span>
  133.             </dt>
  134.             <dd>
  135.               <p>
  136.             Like the Simple color transformation but this time you can manage
  137.             the color transformation for each color channel and for the alpha
  138.             channel (shown as a black channel).
  139.           </p>
  140.             </dd>
  141.             <dt>
  142.               <span class="term">Scale Hue/Value</span>
  143.             </dt>
  144.             <dd>
  145.               <p>
  146.             When you have many fractals with different colors, the
  147.             colors blend into each other. So even if you set "pure
  148.             red" for a fractal, it might actually be quite blue in
  149.             some places, while another "red" fractal might have a lot
  150.             of yellow in it. Scale Hue/Value changes the color
  151.             strength of the active fractal, or how influential that
  152.             fractal's color should be.  
  153.           </p>
  154.             </dd>
  155.             <dt>
  156.               <span class="term">Render Options: Spot Radius</span>
  157.             </dt>
  158.             <dd>
  159.               <p>
  160.             Determines the density of the "brushstrokes" in the
  161.             rendered image. A low spot radius is good for thin
  162.             particle clouds or spray, while a high spot radius
  163.             produces thick, solid color strokes much like watercolor
  164.             painting. Be careful not to use too much spot radius -- it
  165.             takes a lot of time to render.  
  166.           </p>
  167.             </dd>
  168.             <dt>
  169.               <span class="term">Render Options: Subdivide</span>
  170.             </dt>
  171.             <dd>
  172.               <p>
  173.             Controls the level of detail.
  174.           </p>
  175.             </dd>
  176.             <dt>
  177.               <span class="term">Render Options: Iterations</span>
  178.             </dt>
  179.             <dd>
  180.               <p>
  181.             Determines how many times the fractal will repeat
  182.             itself. (A high value for Subdivide and Iterations is for
  183.             obvious reasons a waste of process time unless your image
  184.             is very large.)  
  185.           </p>
  186.             </dd>
  187.             <dt>
  188.               <span class="term">Render Options: Memory</span>
  189.             </dt>
  190.             <dd>
  191.               <p>
  192.             Enables you to speed up rendering time. This is especially
  193.             useful when working with a large spot radius; just
  194.             remember to use even multiples of the default value:
  195.             4096, 8192, 16384, ... 
  196.           </p>
  197.             </dd>
  198.           </dl>
  199.         </div>
  200.       </div>
  201.       <div class="simplesect" lang="en" xml:lang="en">
  202.         <div class="titlepage">
  203.           <div>
  204.             <div>
  205.               <h4 class="title"><a id="id3489924"></a>A Brief Tutorial</h4>
  206.             </div>
  207.           </div>
  208.         </div>
  209.         <p>
  210.       This is a rather complex plug-in, so to help you understand it,
  211.       we'll guide you through an example where you'll create a leaf or
  212.       branch.
  213.     </p>
  214.         <p>
  215.       Many forms of life, and especially plants, are built like
  216.       mathematical fractals, i.e., a shape that reproduces or repeats
  217.       itself indefinitely into the smallest detail. You can easily
  218.       reproduce the shape of a leaf or a branch by using four (or
  219.       more) fractals. Three fractals make up the tip and sides of the
  220.       leaf, and the fourth represents the stem. 
  221.     </p>
  222.         <div class="orderedlist">
  223.           <ol type="1">
  224.             <li>
  225.               <p>
  226.           Before invoking the filter: Select 
  227.           <span class="guimenu">File</span>-><span class="guimenuitem">New Image</span>
  228.           Add a transparent layer with
  229.           <span class="guimenu">Layers</span>-><span class="guisubmenu">Layers and Channels</span>-><span class="guimenuitem">New Layer</span>
  230.           Set the foreground color in the toolbox to black, and
  231.           set the background to white. 
  232.         </p>
  233.             </li>
  234.             <li>
  235.               <div class="informalfigure">
  236.                 <div class="mediaobject">
  237.                   <img src="../images/filters/examples/ifscompose-tut1.png" />
  238.                   <div class="caption">
  239.                     <p>
  240.         Start by rotating triangles 2 and 3, trying
  241.         to keep them nearly the same size.
  242.           </p>
  243.                   </div>
  244.                 </div>
  245.               </div>
  246.               <p>
  247.           Open IFS Compose. Start by rotating the right and bottom
  248.           triangles, so that they point upward. You'll now be able to
  249.           see the outline of what's going to be the tip and sides of
  250.           the leaf.  (If you have problems, it may help to know that
  251.           the three vertices of a triangle are not equivalent.) 
  252.         </p>
  253.             </li>
  254.             <li>
  255.               <p>
  256.           To make the leaf symmetrical, adjust the bottom triangle to
  257.           point slightly to the left, and the right triangle to point
  258.           slightly to the right. 
  259.         </p>
  260.             </li>
  261.             <li>
  262.               <div class="informalfigure">
  263.                 <div class="mediaobject">
  264.                   <img src="../images/filters/examples/ifscompose-tut2.png" />
  265.                   <div class="caption">
  266.                     <p>
  267.         Add a fourth component, then stretch, scale, and move it
  268.         as shown.
  269.           </p>
  270.                   </div>
  271.                 </div>
  272.               </div>
  273.               <p>
  274.           Press <span class="guibutton">New</span> to add a component to the
  275.           composition. This is going to be the stem of the leaf, so we
  276.           need to make it long and thin. Press
  277.           <span class="guibutton">Stretch</span>, and drag to 
  278.           stretch the new triangle. Don't be alarmed if this messes up
  279.           the image, just use <span class="guibutton">Scale</span> to adjust
  280.           the size of the overlong 
  281.           triangle. You'll probably also have to move and rotate the
  282.           new fractal to make it look convincing. 
  283.         </p>
  284.             </li>
  285.             <li>
  286.               <div class="informalfigure">
  287.                 <div class="mediaobject">
  288.                   <img src="../images/filters/examples/ifscompose-tut3.png" />
  289.                   <div class="caption">
  290.                     <p>
  291.         Enlarge component 1, arrange the other components
  292.         appropriately, then select all, scale and rotate.
  293.           </p>
  294.                   </div>
  295.                 </div>
  296.               </div>
  297.               <p>
  298.           You still have to make it look more leaf-like. Increase the
  299.           size of the top triangle, until you think it's thick and
  300.           leafy enough. Adjust all fractals until you're happy with
  301.           the shape. Right-click to get the popup menu, and choose
  302.           <span class="guibutton">Select all</span>. Now all components are
  303.           selected, and you can scale 
  304.           and rotate the entire leaf. 
  305.         </p>
  306.             </li>
  307.             <li>
  308.               <div class="informalfigure">
  309.                 <div class="mediaobject">
  310.                   <img src="../images/filters/examples/ifscompose-tut4.png" />
  311.                   <div class="caption">
  312.                     <p>
  313.         Assign a brownish color to component 4, and various shades
  314.         of green to the other components.
  315.           </p>
  316.                   </div>
  317.                 </div>
  318.               </div>
  319.               <p>
  320.           The final step is to adjust color. Click on the
  321.           <span class="guibutton">Color Transformation</span> tab, and choose
  322.           a different color for each fractal. To do this, check
  323.           <span class="guibutton">Simple</span> and press the right color 
  324.           square. A color circle appears, where you can click or
  325.           select to choose a color. 
  326.         </p>
  327.             </li>
  328.             <li>
  329.               <p>
  330.           Press OK to apply the image, and voil├á, you've just made a
  331.           perfect fractal leaf! Now that you've got the hang of it,
  332.           you'll just have to experiment and make your own
  333.           designs. All plant-imitating fractals (be they oak trees,
  334.           ferns or straws) are more or less made in this fashion,
  335.           which is leaves around a stem (or several stems). You just
  336.           have to twist another way, stretch and turn a little or add
  337.           a few more fractals to get a totally different plant. 
  338.         </p>
  339.             </li>
  340.           </ol>
  341.         </div>
  342.       </div>
  343.     </div>
  344.     <div class="navfooter">
  345.       <hr />
  346.       <table width="100%" summary="Navigation footer">
  347.         <tr>
  348.           <td width="40%" align="left"><a accesskey="p" href="ch06s12s04.html">Prev</a>┬á</td>
  349.           <td width="20%" align="center">
  350.             <a accesskey="u" href="ch06s12.html">Up</a>
  351.           </td>
  352.           <td width="40%" align="right">┬á<a accesskey="n" href="ch06s12s06.html">Next</a></td>
  353.         </tr>
  354.         <tr>
  355.           <td width="40%" align="left" valign="top">12.4.┬áFlame┬á</td>
  356.           <td width="20%" align="center">
  357.             <a accesskey="h" href="index.html">Home</a>
  358.           </td>
  359.           <td width="40%" align="right" valign="top">┬á12.6.┬áDiffraction Patterns</td>
  360.         </tr>
  361.       </table>
  362.     </div>
  363.   </body>
  364. </html>
  365.